<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>动画</title>
    <link rel="stylesheet" href="https://cdn.bootcss.com/animate.css/3.5.2/animate.min.css">
    <link rel="stylesheet" href="style.css">
</head>
</head>

<body>
    <div class="animated bounce">hello</div>

    <div class="main"></div>


    < !-- html代码 -->
        <div class="load">
            <span></span>
            <span></span>
            <span></span>
            <span></span>

            <span></span>
            <span></span>
            <span></span>
            <span></span>
        </div>

        <div class="jump"></div>


        <ul class="loading">
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>

        <!-- div.load2>span.(c{$} c)*9    -->
        <!-- div.load2>span.(c{$} c)*9    -->
        <div class="load2">
            <span class="c">1</span>
            <span class="c2 c">2</span>
            <span class="c3 c">3</span>

            <span class="c2 c">4</span>
            <span class="c3 c">5</span>
            <span class="c4 c">6</span>

            <span class="c3 c">7</span>
            <span class="c4 c">8</span>
            <span class="c5 c">9</span>
        </div>
</body>

</html>